<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>xx手游管理后台</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- Bootstrap core CSS -->
	    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
		
		<!-- Font Awesome -->
		<link href="css/font-awesome.min.css" rel="stylesheet">

		<!-- ionicons -->
		<link href="css/ionicons.min.css" rel="stylesheet">
		
		<!-- Morris -->
		<link href="css/morris.css" rel="stylesheet"/>	

		<!-- Datepicker -->
		<link href="css/datepicker.css" rel="stylesheet"/>	

		<!-- Animate -->
		<link href="css/animate.min.css" rel="stylesheet">

		<!-- Owl Carousel -->
		<link href="css/owl.carousel.min.css" rel="stylesheet">
		<link href="css/owl.theme.default.min.css" rel="stylesheet">

		<!-- Simplify -->
		<link href="css/simplify.min.css" rel="stylesheet">
		
		<style type="text/css">
			h4, .h4 {
			    font-size: 14px;
			}
			.font-12 {
			    font-size: 16px;
			}
			/*highchart*/
			.highcharts-credits{
				display: none;
			}
			.flot-overlay{
				display: none;
			}
			/*.highcharts-container {
				zoom: 100000;
			}*/
		</style>
		
  	</head>

  	<body class="overflow-hidden">
		<div class="wrapper preload">
			<div class="sidebar-right">
				<div class="sidebar-inner scrollable-sidebar">
					<div class="sidebar-header clearfix">
						<input class="form-control dark-input" placeholder="Search" type="text">
						<div class="btn-group pull-right">
							<a href="#" class="sidebar-setting" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
							<ul class="dropdown-menu pull-right flipInV">
								<li><a href="#"><i class="fa fa-circle text-danger"></i><span class="m-left-xs">Busy</span></a></li>
								<li><a href="#"><i class="fa fa-circle-o"></i><span class="m-left-xs">Turn Off Chat</span></a></li>
							</ul>
						</div>
					</div>
					<div class="title-block">
						Group Chat
					</div>
					<div class="content-block">
						<ul class="sidebar-list">
							<li>
								<a href="#">
									<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Close Friends</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Business</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="title-block">
						Favorites
					</div>
					<div class="content-block">
						<ul class="sidebar-list">
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile2.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											Where are you?
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-success"></i>
									</div>
									<div class="chat-alert">
										<span class="badge badge-purple bounceIn animation-delay2">2</span>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile3.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											Jane Doe
										</div>
										<div class="chat-message">
											Hello
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-success"></i>
									</div>
									<div class="chat-alert">
										<span class="badge badge-info bounceIn animation-delay2">1</span>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile4.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											See you again next week.
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-danger"></i>
									</div>
									<div class="chat-alert">
										<i class="fa fa-check text-success"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile5.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											Hello, Are you there?
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-danger"></i>
									</div>
									<div class="chat-alert">
										<i class="fa fa-reply"></i>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="title-block">
						More friends
					</div>
					<div class="content-block">
						<ul class="sidebar-list">
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile6.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											Where are you?
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-success"></i>
									</div>
									<div class="chat-alert">
										<span class="badge badge-success bounceIn animation-delay2">2</span>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile7.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											Jane Doe
										</div>
										<div class="chat-message">
											Hello
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-success"></i>
									</div>
									<div class="chat-alert">
										<span class="badge badge-danger bounceIn animation-delay2">1</span>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile8.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											See you again next week.
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-danger"></i>
									</div>
									<div class="chat-alert">
										<i class="fa fa-check text-success"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="clearfix">
									<img src="images/profile/profile9.jpg" class="img-circle" alt="user avatar">
									<div class="chat-detail m-left-sm">
										<div class="chat-name">
											John Doe
										</div>
										<div class="chat-message">
											Hello, Are you there?
										</div>
									</div>
									<div class="chat-status">
										<i class="fa fa-circle-o text-danger"></i>
									</div>
									<div class="chat-alert">
										<i class="fa fa-reply"></i>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div><!-- sidebar-inner -->
			</div><!-- sidebar-right -->
			<header class="top-nav">
				<div class="top-nav-inner">
					<div class="nav-header">
						<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleSM">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						
						<ul class="nav-notification pull-right">
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
								<span class="badge badge-danger bounceIn">1</span>
								<ul class="dropdown-menu dropdown-sm pull-right user-dropdown">
									<li class="user-avatar">
										<img src="images/profile/profile1.jpg" alt="" class="img-circle">
										<div class="user-content">
											<h5 class="no-m-bottom">Jane Doe</h5>
											<div class="m-top-xs">
												<a href="profile.html" class="m-right-sm">Profile</a>
												<a href="signin.html">Log out</a>
											</div>
										</div>
									</li>	  
									<li>
										<a href="inbox.html">
											Inbox
											<span class="badge badge-danger bounceIn animation-delay2 pull-right">1</span>
										</a>
									</li>			  
									<li>
										<a href="#">
											Notification
											<span class="badge badge-purple bounceIn animation-delay3 pull-right">2</span>
										</a>
									</li>			  
									<li>
										<a href="#" class="sidebarRight-toggle">
											Message
											<span class="badge badge-success bounceIn animation-delay4 pull-right">7</span>
										</a>
									</li>			  	  
									<li class="divider"></li>
									<li>
										<a href="#">Setting</a>
									</li>			  	  
								</ul>
							</li>
						</ul>
						
						<a href="index.html" class="brand">
							<i class="fa fa-desktop"></i><span class="brand-name">xx手游管理后台</span>
						</a>
					</div>
					<div class="nav-container">
						<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleLG">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<ul class="nav-notification">	
							<li class="search-list">
								<div class="search-input-wrapper">
									<div class="search-input">
										<input type="text" class="form-control input-sm inline-block">
										<a href="#" class="input-icon text-normal"><i class="ion-ios7-search-strong"></i></a>
									</div>
								</div>
							</li>
						</ul>
						<div class="pull-right m-right-sm">
							<div class="user-block hidden-xs">
								<a href="#" id="userToggle" data-toggle="dropdown">
									<img src="images/profile/profile1.jpg" alt="" class="img-circle inline-block user-profile-pic">
									<div class="user-detail inline-block">
										admin
										<i class="fa fa-angle-down"></i>
									</div>
								</a>
								<div class="panel border dropdown-menu user-panel">
									<div class="panel-body paddingTB-sm">
										<ul>
											<li>
												<a href="profile.html">
													<i class="fa fa-edit fa-lg"></i><span class="m-left-xs">My Profile</span>
												</a>
											</li>
											<li>
												<a href="inbox.html">
													<i class="fa fa-inbox fa-lg"></i><span class="m-left-xs">Inboxes</span>
													<span class="badge badge-danger bounceIn animation-delay3">2</span>
												</a>
											</li>
											<li>
												<a href="signin.html">
													<i class="fa fa-power-off fa-lg"></i><span class="m-left-xs">Sign out</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<ul class="nav-notification">
								<li>
									<a href="#" data-toggle="dropdown"><i class="fa fa-envelope fa-lg"></i></a>
									<span class="badge badge-purple bounceIn animation-delay5 active">2</span>
									<ul class="dropdown-menu message pull-right">
										<li><a>You have 4 new unread messages</a></li>					  
										<li>
											<a class="clearfix" href="#">
												<img src="images/profile/profile2.jpg" alt="User Avatar">
												<div class="detail">
													<strong>John Doe</strong>
													<p class="no-margin">
														Lorem ipsum dolor sit amet...
													</p>
													<small class="text-muted"><i class="fa fa-check text-success"></i> 27m ago</small>
												</div>
											</a>	
										</li>
										<li>
											<a class="clearfix" href="#">
												<img src="images/profile/profile3.jpg" alt="User Avatar">
												<div class="detail">
													<strong>Jane Doe</strong>
													<p class="no-margin">
														Lorem ipsum dolor sit amet...
													</p>
													<small class="text-muted"><i class="fa fa-check text-success"></i> 5hr ago</small>
												</div>
											</a>	
										</li>
										<li>
											<a class="clearfix" href="#">
												<img src="images/profile/profile4.jpg" alt="User Avatar">
												<div class="detail m-left-sm">
													<strong>Bill Doe</strong>
													<p class="no-margin">
														Lorem ipsum dolor sit amet...
													</p>
													<small class="text-muted"><i class="fa fa-reply"></i> Yesterday</small>
												</div>
											</a>	
										</li>
										<li>
											<a class="clearfix" href="#">
												<img src="images/profile/profile5.jpg" alt="User Avatar">
												<div class="detail">
													<strong>Baby Doe</strong>
													<p class="no-margin">
														Lorem ipsum dolor sit amet...
													</p>
													<small class="text-muted"><i class="fa fa-reply"></i> 9 Feb 2013</small>
												</div>
											</a>	
										</li>
										<li><a href="#">View all messages</a></li>					  
									</ul>
								</li>
								<li>
									<a href="#" data-toggle="dropdown"><i class="fa fa-bell fa-lg"></i></a>
									<span class="badge badge-info bounceIn animation-delay6 active">4</span>
									<ul class="dropdown-menu notification dropdown-3 pull-right">
										<li><a href="#">You have 5 new notifications</a></li>					  
										<li>
											<a href="#">
												<span class="notification-icon bg-warning">
													<i class="fa fa-warning"></i>
												</span>
												<span class="m-left-xs">Server #2 not responding.</span>
												<span class="time text-muted">Just now</span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="notification-icon bg-success">
													<i class="fa fa-plus"></i>
												</span>
												<span class="m-left-xs">New user registration.</span>
												<span class="time text-muted">2m ago</span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="notification-icon bg-danger">
													<i class="fa fa-bolt"></i>
												</span>
												<span class="m-left-xs">Application error.</span>
												<span class="time text-muted">5m ago</span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="notification-icon bg-success">
													<i class="fa fa-usd"></i>
												</span>
												<span class="m-left-xs">2 items sold.</span>
												<span class="time text-muted">1hr ago</span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="notification-icon bg-success">
													<i class="fa fa-plus"></i>
												</span>
												<span class="m-left-xs">New user registration.</span>
												<span class="time text-muted">1hr ago</span>
											</a>
										</li>
										<li><a href="#">View all notifications</a></li>					  
									</ul>
								</li>
								<li class="chat-notification">
									<a href="#" class="sidebarRight-toggle"><i class="fa fa-comments fa-lg"></i></a>
									<span class="badge badge-danger bounceIn">1</span>

									<div class="chat-alert">
										Hello, Are you there?
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div><!-- ./top-nav-inner -->	
			</header>
			<aside class="sidebar-menu fixed">
				<div class="sidebar-inner scrollable-sidebar">
					<div class="main-menu">
						<ul class="accordion">
							<li class="menu-header">
								Main Menu
							</li>
							
							<!--首页-->
							<li class="bg-palette1 active">
								<a href="index.html">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-home fa-lg"></i></span>
										<span class="text m-left-sm">首页</span>
									</span>
									<span class="menu-content-hover block">
										首页
									</span>
								</a>
							</li>
							
							<!--实时预览-->
							<li class="openable bg-palette2">
								<a href="#">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-list fa-lg"></i></span>
										<span class="text m-left-sm">实时预览</span>
										<!--<span class="submenu-icon"></span>-->
									</span>
									<span class="menu-content-hover block">
										实时预览
									</span>
								</a>
							</li>
							
							<!--用户分析-->
							<li class="openable bg-palette3">
								<a href="#">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-book fa-lg"></i></span>
										<span class="text m-left-sm">用户分析</span>
										<span class="submenu-icon"></span>
									</span>
									<span class="menu-content-hover block">
										用户分析
									</span>
								</a>
								<ul class="submenu bg-palette4">
									<li><a href="form_element.html"><span class="submenu-label">新增用户</span></a></li>	
									<li><a href="form_element.html"><span class="submenu-label">活跃用户</span></a></li>	
									<li><a href="form_element.html"><span class="submenu-label">启动次数</span></a></li>	
									<li><a href="form_element.html"><span class="submenu-label">地区分析</span></a></li>
									<li><a href="form_element.html"><span class="submenu-label">版本分析</span></a></li>	
									<li><a href="form_element.html"><span class="submenu-label">留存分析</span></a></li>
									<li><a href="form_element.html"><span class="submenu-label">使用时长</span></a></li>	
									<li><a href="form_element.html"><span class="submenu-label">流失率</span></a></li>
								</ul>
							</li>
							
							<!--收入分析-->
							<li class="openable bg-palette4">
								<a href="#">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-building-o fa-lg" aria-hidden="true"></i></span>
										<span class="text m-left-sm">收入分析</span>
										<!--<span class="submenu-icon"></span>-->
									</span>
									<span class="menu-content-hover block">
										收入分析
									</span>
								</a>								
							</li>
							<li class="menu-header">
								Others
							</li>
							
							<!--运营-->
							<li class="openable bg-palette4">
								<a href="#">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-fighter-jet fa-lg"></i></span>
										<span class="text m-left-sm">运营</span>
										<!--<span class="submenu-icon"></span>-->
									</span>
									<span class="menu-content-hover block">
										运营
									</span>
								</a>								
							</li>
														
							<!--设置-->
							<li class="openable bg-palette4">
								<a href="#">
									<span class="menu-content block">
										<span class="menu-icon"><i class="block fa fa-cog fa-lg"></i></span>
										<span class="text m-left-sm">设置</span>
										<!--<span class="submenu-icon"></span>-->
									</span>
									<span class="menu-content-hover block">
										设置
									</span>
								</a>								
							</li>
						</ul>
					</div>	
					<div class="sidebar-fix-bottom clearfix">
						<div class="user-dropdown dropup pull-left">
							<a href="#" class="dropdwon-toggle font-18" data-toggle="dropdown"><i class="ion-person-add"></i>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="inbox.html">
										Inbox
										<span class="badge badge-danger bounceIn animation-delay2 pull-right">1</span>
									</a>
								</li>			  
								<li>
									<a href="#">
										Notification
										<span class="badge badge-purple bounceIn animation-delay3 pull-right">2</span>
									</a>
								</li>			  
								<li>
									<a href="#" class="sidebarRight-toggle">
										Message
										<span class="badge badge-success bounceIn animation-delay4 pull-right">7</span>
									</a>
								</li>			  	  
								<li class="divider"></li>
								<li>
									<a href="#">Setting</a>
								</li>			  	  
							</ul>
						</div>
						<a href="lockscreen.html" class="pull-right font-18"><i class="ion-log-out"></i></a>
					</div>
				</div><!-- sidebar-inner -->
			</aside>
			
			<div class="main-container">
				<div class="padding-md">
					<div class="row">
						<div class="col-sm-6">
							<div class="page-title">
								Dashboard
							</div>
							<div class="page-sub-header">
								你好, admin , <i class="fa fa-map-marker text-danger"></i>&nbsp;
								<select style="appearance:none;-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;outline:none;">									
									<!--<a href="">北京时间</a>--> 
									<option value="">北京时间</option>
									<option value="1000">太平洋时间</option>									
								</select>
							</div>
						</div>
						<div class="col-sm-6 text-right text-left-sm p-top-sm">
							<div class="btn-group">
							  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							    游戏列表 <span class="caret"></span>
							  </button>
							  <ul class="dropdown-menu pull-right" role="menu">
							    <li><a href="game1.html">游戏1</a></li>
							    <li><a href="#">游戏2</a></li>
							    <li><a href="#">游戏3</a></li>
							    <!--<li class="divider"></li>
							    <li><a href="#">设置</a></li>-->
							  </ul>
							</div>

							<a class="btn btn-default"><i class="fa fa-cog"></i></a>
						</div>
					</div>

					<div class="row m-top-md">
						<div class="col-lg-3 col-sm-6">
							<div class="statistic-box bg-danger m-bottom-md">
								<div class="statistic-title">
									用户数
								</div>

								<div class="statistic-value">
									 757034
								</div>

								<div class="m-top-md" style="font-size: 12px;">
									<span>昨日注册 14509</span>
									<span>&nbsp;&nbsp;</span>
									<span>今日注册 279</span>
									<span>&nbsp;&nbsp;</span>
									<span>今日登陆 593</span>
								</div>

								<div class="statistic-icon-background">
									<i class="ion-eye"></i>
								</div>
							</div>
						</div>

						<div class="col-lg-3 col-sm-6">
							<div class="statistic-box bg-info m-bottom-md">
								<div class="statistic-title">
									游戏数
								</div>

								<div class="statistic-value">
									12
								</div>

								<div class="m-top-md">
									<span>新增游戏 0</span>
									<span>&nbsp;&nbsp;</span>
									<span>本月新增游戏 1</span>
								</div>

								<div class="statistic-icon-background">
									<i class="ion-ios7-cart-outline"></i>
								</div>
							</div>
						</div>

						<div class="col-lg-3 col-sm-6">
							<div class="statistic-box bg-purple m-bottom-md">
								<div class="statistic-title">
									总流水
								</div>

								<div class="statistic-value">
									0
								</div>

								<div class="m-top-md">
									<span>今日流水 0</span>
									<span>&nbsp;&nbsp;</span>
									<span>昨日流水 1</span>
									<span>&nbsp;&nbsp;</span>
									<span>推广流水 1</span>
								</div>

								<div class="statistic-icon-background">
									<i class="ion-person-add"></i>
								</div>
							</div>
						</div>

						<div class="col-lg-3 col-sm-6">
							<div class="statistic-box bg-success m-bottom-md">
								<div class="statistic-title">
									渠道数量
								</div>

								<div class="statistic-value">
									1
								</div>

								<div class="m-top-md">
									<span>新增渠道 0</span>
									<span>&nbsp;&nbsp;</span>
									<span>本月新增渠道 0</span>								
								</div>

								<div class="statistic-icon-background">
									<i class="ion-stats-bars"></i>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-6">
							<div class="smart-widget widget-dark-blue">
								<div class="smart-widget-header">
									活跃/新增
									<span class="smart-widget-option">
										<span class="refresh-icon-animated">
											<i class="fa fa-circle-o-notch fa-spin"></i>
										</span>
			                            <a href="" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>
			                            <a href="#" class="widget-collapse-option" data-toggle="collapse">
			                                <i class="fa fa-chevron-up"></i>
			                            </a>
			                            <a href="#" class="widget-refresh-option">
			                                <i class="fa fa-refresh"></i>
			                            </a>
			                            <a href="#" class="widget-remove-option">
			                                <i class="fa fa-times"></i>
			                            </a>
			                        </span>
								</div>
								<div class="smart-widget-inner">
									<div class="smart-widget-hidden-section">
										<ul class="widget-color-list clearfix">
											<li style="background-color:#20232b;" data-color="widget-dark"></li>
											<li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
											<li style="background-color:#23b7e5;" data-color="widget-blue"></li>
											<li style="background-color:#2baab1;" data-color="widget-green"></li>
											<li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
											<li style="background-color:#fbc852;" data-color="widget-orange"></li>
											<li style="background-color:#e36159;" data-color="widget-red"></li>
											<li style="background-color:#7266ba;" data-color="widget-purple"></li>
											<li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
											<li style="background-color:#fff;" data-color="reset"></li>
										</ul>
									</div>
									<div class="smart-widget-body no-padding">
										<div class="padding-md">
											<div id="totalSalesChart" style="height:250px;"></div>
										</div>
										
										<div class="bg-grey">
											<div class="row">
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">999</h3>
													<small class="m-bottom-sm block">活跃</small>
												</div>
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">102</h3>
													<small class="m-bottom-sm block">新增</small>
												</div>
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">690</h3>
													<small class="m-bottom-sm block">新用户占比</small>
												</div>
											</div>
										</div>
									</div>
								</div><!-- ./smart-widget-inner -->
							</div><!-- ./smart-widget -->
						</div><!-- ./col -->
						<div class="col-lg-6">
							<div class="smart-widget widget-dark-blue">
								<div class="smart-widget-header">
									充值
									<span class="smart-widget-option">
										<span class="refresh-icon-animated">
											<i class="fa fa-circle-o-notch fa-spin"></i>
										</span>
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>
			                            <a href="#" class="widget-collapse-option" data-toggle="collapse">
			                                <i class="fa fa-chevron-up"></i>
			                            </a>
			                            <a href="#" class="widget-refresh-option">
			                                <i class="fa fa-refresh"></i>
			                            </a>
			                            <a href="#" class="widget-remove-option">
			                                <i class="fa fa-times"></i>
			                            </a>
			                        </span>
								</div>
								<div class="smart-widget-inner">
									<div class="smart-widget-hidden-section">
										<ul class="widget-color-list clearfix">
											<li style="background-color:#20232b;" data-color="widget-dark"></li>
											<li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
											<li style="background-color:#23b7e5;" data-color="widget-blue"></li>
											<li style="background-color:#2baab1;" data-color="widget-green"></li>
											<li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
											<li style="background-color:#fbc852;" data-color="widget-orange"></li>
											<li style="background-color:#e36159;" data-color="widget-red"></li>
											<li style="background-color:#7266ba;" data-color="widget-purple"></li>
											<li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
											<li style="background-color:#fff;" data-color="reset"></li>
										</ul>
									</div>
									<div class="smart-widget-body no-padding">
										<div class="padding-md">
											<div id="placeholder" style="height:250px;"></div>
										</div>

										<div class="bg-grey">
											<div class="row">
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">3491</h3>
													<small class="m-bottom-sm block">充值次数</small>
												</div>
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">721</h3>
													<small class="m-bottom-sm block">充值人数</small>
												</div>
												<div class="col-xs-4 text-center">
													<h3 class="m-top-sm">$8103</h3>
													<small class="m-bottom-sm block">总充值</small>
												</div>
											</div>
										</div>
									</div>
								</div><!-- ./smart-widget-inner -->
							</div><!-- ./smart-widget -->
						</div><!-- ./col -->
					</div>
					<div class="row">
						<div class="col-md-3">
							<div class="panel panel-default weather-widget">
								<div class="panel-body bg-success text-white">									
									<span style="float: right;">									
			                            <a href="game1.html" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>			                            
			                        </span>
									<!--<div class="h4 text-white text-center">Today Weather</div>-->

									<div class="m-top-md m-bottom-md text-center">
										<!--<canvas id="skycon1" width="120" height="120"></canvas>-->
										<img src="images/logo.jpg" style="width: 120px;height: 120px;border-radius: 5px;"/>
									</div>

									<div class="degree-text text-center">游戏1</div>
								</div>
								<div class="panel-footer bg-white text-center padding-md">
									<div class="h4 text-upper">昨日（12月6日-变化%）</div>
									<div class="text-muted font-12 m-top-xs clearfix">
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>										
									</div>
								</div>
							</div><!-- ./panel -->
						</div><!-- ./col -->
						<div class="col-md-3">
							<div class="panel panel-default weather-widget">
								<div class="panel-body bg-warning text-white">
									<span style="float: right;">									
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>			                            
			                        </span>
									<!--<div class="h4 text-white text-center">Today Weather</div>-->
									
									<div class="m-top-md m-bottom-md text-center">
										<!--<canvas id="skycon2" width="120" height="120"></canvas>-->
										<img src="images/logo.jpg" style="width: 120px;height: 120px;border-radius: 5px;"/>
									</div>

									<div class="degree-text text-center">游戏2</div>
								</div>
								<div class="panel-footer bg-white text-center padding-md">
									<div class="h4 text-upper">昨日（12月6日-变化%）</div>
									<div class="text-muted font-12 m-top-xs clearfix">
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>										
									</div>
								</div>
							</div><!-- ./panel -->
						</div><!-- ./col -->
						<div class="col-md-3">
							<div class="panel panel-default weather-widget">
								<div class="panel-body bg-danger text-white">
									<span style="float: right;">									
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>			                            
			                        </span>
									<!--<div class="h4 text-white text-center">Today Weather</div>-->

									<div class="m-top-md m-bottom-md text-center">
										<!--<canvas id="skycon3" width="120" height="120"></canvas>-->
										<img src="images/logo.jpg" style="width: 120px;height: 120px;border-radius: 5px;"/>
									</div>

									<div class="degree-text text-center">游戏3</div>
								</div>
								<div class="panel-footer bg-white text-center padding-md">
									<div class="h4 text-upper">昨日（12月6日-变化%）</div>
									<div class="text-muted font-12 m-top-xs clearfix">
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>										
									</div>
								</div>
							</div><!-- ./panel -->
						</div><!-- ./col -->
						<div class="col-md-3">
							<div class="panel panel-default weather-widget">
								<div class="panel-body bg-info text-white">
									<span style="float: right;">									
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>			                            
			                        </span>
									<!--<div class="h4 text-white text-center">Today Weather</div>-->

									<div class="m-top-md m-bottom-md text-center">
										<!--<canvas id="skycon4" width="120" height="120"></canvas>-->
										<img src="images/logo.jpg" style="width: 120px;height: 120px;border-radius: 5px;"/>
									</div>

									<div class="degree-text text-center">游戏4</div>
								</div>
								<div class="panel-footer bg-white text-center padding-md">
									<div class="h4 text-upper">昨日（12月6日-变化%）</div>
									<div class="text-muted font-12 m-top-xs clearfix">
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>
										<span style="float: left;width: 33%;">Rainy Day
											<br />
											0.00
											<br />
											0.00
										</span>										
									</div>
								</div>
							</div><!-- ./panel -->
						</div><!-- ./col -->
					</div>
				</div><!-- ./padding-md -->
			</div><!-- /main-container -->

			<footer class="footer" style="text-align: center;">
			<span class="footer-brand">
				感谢使用<a href="http://www.dayugame.com/"><strong class="text-danger">大娱</strong></a>游戏运营平台 
			</span>			
		</footer>
		</div><!-- /wrapper -->

		<a href="#" class="scroll-to-top hidden-print"><i class="fa fa-chevron-up fa-lg"></i></a>

		<!-- Delete Widget Confirmation -->
		<div class="custom-popup delete-widget-popup delete-confirmation-popup" id="deleteWidgetConfirm">
			<div class="popup-header text-center">
				<span class="fa-stack fa-4x">
				  <i class="fa fa-circle fa-stack-2x"></i>
				  <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
				</span>
			</div>
			<div class="popup-body text-center">
				<h5>Are you sure to delete this widget?</h5>
				<strong class="block m-top-xs"><i class="fa fa-exclamation-circle m-right-xs text-danger"></i>This action cannot be undone</strong>
			
				<div class="text-center m-top-lg">
					<a class="btn btn-success m-right-sm remove-widget-btn">Delete</a>
					<a class="btn btn-default deleteWidgetConfirm_close">Cancel</a>
				</div>
			</div>
		</div>

		
	    <!-- Le javascript
	    ================================================== -->
	    <!-- Placed at the end of the document so the pages load faster -->
		
		<!-- Jquery -->
		<script src="js/jquery-1.11.1.min.js"></script>
		
		<!-- Bootstrap -->
	    <script src="bootstrap/js/bootstrap.min.js"></script>
	  
		<!-- Flot -->
		<script src='js/jquery.flot.min.js'></script>

		<!-- Slimscroll -->
		<script src='js/jquery.slimscroll.min.js'></script>
		
		<!-- Morris -->
		<script src='js/rapheal.min.js'></script>	
		<!--<script src='js/morris.min.js'></script>-->	

		<!-- Datepicker -->
		<script src='js/uncompressed/datepicker.js'></script>

		<!-- Sparkline -->
		<script src='js/sparkline.min.js'></script>

		<!-- Skycons -->
		<script src='js/uncompressed/skycons.js'></script>
		
		<!-- Popup Overlay -->
		<script src='js/jquery.popupoverlay.min.js'></script>

		<!-- Easy Pie Chart -->
		<script src='js/jquery.easypiechart.min.js'></script>

		<!-- Sortable -->
		<script src='js/uncompressed/jquery.sortable.js'></script>

		<!-- Owl Carousel -->
		<script src='js/owl.carousel.min.js'></script>

		<!-- Modernizr -->
		<script src='js/modernizr.min.js'></script>
		
		<!-- Simplify -->
		<script src="js/simplify/simplify.js"></script>
		<!--<script src="js/simplify/simplify_dashboard.js"></script>-->
		
		<!--highchart图表插件-->
		<script src="http://cdn.bootcss.com/highcharts/5.0.12/highcharts.js"></script>


		<script>
			$(function()	{
				$('.chart').easyPieChart({
					easing: 'easeOutBounce',
					size: '140',
					lineWidth: '7',
					barColor: '#7266ba',
					onStep: function(from, to, percent) {
						$(this.el).find('.percent').text(Math.round(percent));
					}
				});

				$('.sortable-list').sortable();

				//Delete Widget Confirmation
				$('#deleteWidgetConfirm').popup({
					vertical: 'top',
					pagecontainer: '.container',
					transition: 'all 0.3s'
				});
				//柱状图函数(单个指标或多个指标都行,在于series_arr的长度)
		        function column_fun(id,title,xAxis,yAxis_title,series_arr){						
		            id.highcharts({
		                chart: {
		                    type: 'column'
		                },
		                title: {
		                    text: title
		                },
		                subtitle: {
		                    text: ''
		                },
		                xAxis: {
		                    categories: xAxis,
		                    crosshair: true
		                },
		                yAxis: {
		                    
		                    title: {
		                        text: yAxis_title
		                    }
		                },
		                tooltip: {
		                    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		                    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		                    '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
		                    footerFormat: '</table>',
		                    shared: true,
		                    useHTML: true
		                },
		                plotOptions: {
		                    column: {
		                        pointPadding: 0.2,
		                        borderWidth: 0
		                    }
		                },
		                series: series_arr
		            });
		        }
				//活跃/新增		
				var active_id = $('#totalSalesChart');
				var active_title = '局数趋势图111';
				var active_xAxis = [
			                '一月',
			                '二月',
			                '三月',
			                '四月',
			                '五月',
			                '六月',
			                '七月'			                
			            ]
				var active_yAxis_t = '局数';
				var active_series_a = [{
                        name: '快速模式',
                        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6]
                    }, {
                        name: '友谊赛',
                        data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0]
                    }]
				column_fun(active_id,active_title,active_xAxis,active_yAxis_t,active_series_a);				
                
                //折线图函数(单个指标或多个指标都行,在于series_arr的长度)
			    function line_fun(id,title,xAxis,yAxis_title,series_arr){          
			        id.highcharts({
			            chart: {
			                type: 'line'
			            },
			            title: {
			                text: title
			            },
			            subtitle: {
			                text: ''
			            },
			            xAxis: {
			                categories: xAxis
			            },
			            yAxis: {
			                title: {
			                    text: yAxis_title
			                }
			            },
			            plotOptions: {
			                line: {
			                    dataLabels: {
			                        enabled: true          // 开启数据标签
			                    },
			                    enableMouseTracking: false // 关闭鼠标跟踪，对应的提示框、点击事件会失效
			                }
			            },
			            series: series_arr
			        });
			    }
                
                //充值   
                var rechar_id = $('#placeholder');
                var rechar_title = '每日活跃用户11';
                var rechar_xAxis = [
			                '一月',
			                '二月',
			                '三月',
			                '四月',
			                '五月',
			                '六月',
			                '七月'			                
			            ];
			    var rechar_yAxis_t = '当天活跃人数';
			    var rechar_series_a = [{
	                    name: '用户数',
	                    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133]
	                }];
	            line_fun(rechar_id,rechar_title,rechar_xAxis,rechar_yAxis_t,rechar_series_a);

				
			});
			
		</script>
	
  	</body>
</html>
